<template>
    <div id="addAccount">
        <table>
            <tr>
                <td>上级分类</td>
                <td>
                    <el-select placeholder="类别" style="width: 240px;">
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                    </el-select>
                </td>
            </tr>
            <br>
            <tr>
                <td>类别</td>
                <td><el-input v-model="account.accountName"></el-input></td>
            </tr>
        </table>
    </div>
</template>
<script>

export default {
    name: 'AddEmployee',
    data() {
        return {

            account: {
                accountCode: '',
                accountName: '',
                presentMoney: '',
                isDefault: '',
                accountDate: '',
                aTypeId: '',
            },

        }
    },
}
</script>

<style scoped>
#addAccount {
    width: 100%;
    height: 200px;
    /* overflow: scroll; */
    /* background-color: pink; */
}

#contact {
    width: 90%;
    margin: auto;
    border-collapse: collapse;
    color: #707276;
}

#contact th,
#contact td {
    border: 1px #c0c4cc solid;
    height: 35px;
    min-width: 30px;
}

p {
    color: #4b4a4a;
    font-size: 18px;

}

.el-input {
    width: 240px;
}

table td :not([id=contact]) {
    text-align: left;
    padding-right: 10px;
    /* padding-top: 10px;
    padding-bottom: 10px; */
}

td:nth-child(odd) {
    text-align: center;
    padding-right: 10px;
}
</style>